<template>
	<view class="activity-list" v-if="is_able">
		<view class="status" :style="[{height:statusBar+ 'px',background:isHeaderChange?'linear-gradient(to right,#EC2F2B 0%, #CC1D28 100%)':''}]" ></view>
		<view class="navigation" :style="[{top:(statusBar-2) + 'px',background:isHeaderChange?'linear-gradient(to right,#EC2F2B 0%, #CC1D28 100%)':''}]">
			<image src="/static/images/back-left-white.png" class="back" @click="back()" mode=""></image>
			<view class="navigation-title">抢购活动</view>
			<view class="go-pay" @click="goPay()" >
				<view>去付款<text v-if="robTotalMoney>0">￥{{ robTotalMoney.toFixed(2) }}</text></view>
				<view class="waiting-pay-tips" v-if="unpaidNum>0">
					<text>{{ unpaidNum }}</text>
				</view>
			</view>
			<view class="count-down-box" v-show="isTopButtonShow">
				<view class="count-down-time" v-if="timeDataLoad.stratTimeCoutDown&&isCanhow">
					<view class="" v-if="isStart">
						<uni-countdown v-if="isStart" :show-day="false"  :hour="timeDataLoad.endTimeCoutDown.h" :minute="timeDataLoad.endTimeCoutDown.m" :second="timeDataLoad.endTimeCoutDown.s" @timeup="timeup" start background-color="#FFFFFF" color="#EF4034" splitorColor="#FFFFFF"></uni-countdown>
					</view>	
					<view class="" v-if="!isStart">
						<uni-countdown v-if="!isStart" :show-day="false"  :hour="timeDataLoad.stratTimeCoutDown.h" :minute="timeDataLoad.stratTimeCoutDown.m" :second="timeDataLoad.stratTimeCoutDown.s" @timeup="timeup" start  background-color="#FFFFFF" color="#EF4034" splitorColor="#FFFFFF"></uni-countdown>
					</view>
				</view>
			</view>	
		</view>
		<view class="header">
			<image src="/static/images/activity-list-header-bg.png" mode=""></image>
			<view class="activity-list-tips-box">
				<view class="activity-list-tips">
					<image src="/static/images/activity-seckilling-tips-icon.png" mode=""  v-if="isStart"></image>
					<image src="/static/images/activity-ready-tips-icon.png" v-else class="activity-ready-tips-icon" mode=""></image>
				</view>
				<view class="count-down-time-box" v-show="!isTopButtonShow">
					<view class="count-down-time" v-if="timeDataLoad.stratTimeCoutDown&&isCanhow">
						<view class="" v-if="isStart">
							<uni-countdown v-if="isStart" :show-day="false"  :hour="timeDataLoad.endTimeCoutDown.h" :minute="timeDataLoad.endTimeCoutDown.m" :second="timeDataLoad.endTimeCoutDown.s" @timeup="timeup" start background-color="#FFFFFF" color="#EF4034" splitorColor="#FFFFFF"></uni-countdown>
						</view>	
						<view class="" v-if="!isStart">
							<uni-countdown v-if="!isStart" :show-day="false"  :hour="timeDataLoad.stratTimeCoutDown.h" :minute="timeDataLoad.stratTimeCoutDown.m" :second="timeDataLoad.stratTimeCoutDown.s" @timeup="timeup" start  background-color="#FFFFFF" color="#EF4034" splitorColor="#FFFFFF"></uni-countdown>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="activity-goods-list" v-if="goldProductsList.length>0">
			<view class="activity-goods-item" v-for="(item,index) in goldProductsList" :key="index">
				<view class="activity-goods-icon">
					<image :src="item.product_cover" mode=""></image>
					<view class="consignment-user" v-if="item.resell_user_avatar!=''">
						<image :src="item.resell_user_avatar" class="consignment-user-avatar" mode=""></image>
						<view>寄售人</view>
						<view>{{ item.resell_user_name }}</view>
					</view>
				</view>
				<view class="activity-goods-title">{{ item.product_title }}</view>
				<view class="activity-goods-rush-purchase-fund">
					<text>抢购金</text>
					<text>￥{{ item.cash_price_today }}</text>
				</view>
				<view class="activity-goods-price">
					<image src="/static/images/activity-quanyi-price-icon.png" class="gold-coins-text-icon" mode=""></image>
					<text>￥</text>
					<text>{{ item.net_price_today }}</text>
				</view>
				<view class="activity-goods-get-btn" v-if="!isStart">即将开始</view>
				<view class="activity-goods-get-btn activity-goods-empty-btn" v-if="item.is_taken_today&&isStart"  @click="goBuyNowEmpty()">已被抢光</view>
				<view class="activity-goods-get-btn activity-goods-seckilling-btn" v-if="!item.is_taken_today&&isStart" @click="goBuyNow(item.id,item.net_price_today)">立即抢购</view>
			</view>
		</view>
		
		<view class="return-top-box" v-if="statusBar>0">
			<image class="return-top" mode="aspectFit"  @click="refresh" src="/static/images/refresh.png"></image>
			<view class="">刷新</view>	
		</view>	
		
		<view class="return-top-box1" v-if="statusBar==0">
			<image class="return-top" mode="aspectFit"  @click="refresh" src="/static/images/refresh.png"></image>
			<view class="">刷新</view>	
		</view>
		
		<view class="nodata-box" v-if="goldProductsList.length==0">
			<image src="/static/images/nodata-icon.png" mode="" class="nodata-icon"></image>
			<view class="nodata-text">所有宝贝都被抢光啦~</view>
			<view class="need-pay-text">如您有未支付订单,请45分钟内付款</view>
		</view>
	
	</view>
</template>

<script>
	/* function getRequestParams() {
			let url = location.href;
			let requestParams = {};
			if (url.indexOf('?') !== -1) {
				let str = url.substr(url.indexOf('?') + 1);
				let strs = str.split('&');
				for (let i = 0; i < strs.length; i++) {
					requestParams[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
				}
			}
			return requestParams;
	}
	let params = getRequestParams();
	let token = params['token'];
	let status_bar =  params['status_bar'];
	let source = 'wap';
	if(token!=undefined){
		uni.setStorage({
		    key: 'token',
		    data: token
		})
		source = 'app'
	}
	if(status_bar!=undefined){
		uni.setStorage({
		    key: 'status_bar',
		    data: status_bar
		})
	} */
	import store from "store"
	import {mapGetters,mapMutations,mapActions} from 'vuex'
	import { goldProducts,goldProductBuying,goldRounds,goldRecordsCount,goldStormBudget,goldStormEnter,goldStormChecking } from "api/goldstormApi.js"
	export default {
		store,
		computed:{
			...mapGetters(['user','statusBar','isLogin'])
		},
		data:()=>({
			source:source,
			round:null,
			goldProductsList:[],
			timeData:{},
			isStart:false,
			isEnd:false,
			isCanhow:true,
			isHeaderChange:false,
			sessionsNumber:null,
			activityRounds:[],
			timeDataLoad:{},
			isActivityList:true,
			isTopButtonShow:false,
			canClick:true,
			countDta:null,
			unpaidNum:0,
			is_able:false,
			record:[],
			robTotalMoney:0,
			recordMoney:[],
			timer:null,
			checkTimer:null,
			helpRobMoneyAmount:null,
			pickUpLeakListShow:false,
			helpRobListShow:true,
			isPrimary:false,
			isMiddle:false,
			isSenior:false,
			entered:false,
			is_storm_over:false,
			totalMoney:null,
			password:null,
			moneyNumTips:false,
			complete:false,
			primaryActivityList:[
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pd.jpg',
					product_title:'S925银小方糖项链',
					price_today:'',
					id:1
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pk.jpg',
					product_title:'宝宝佛-古法银镶玉吊坠（送S925银链）',
					price_today:'',
					id:2
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pi.jpg',
					product_title:'S925银镶白和田玉流苏葫芦',
					price_today:'',
					id:3
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pj.jpg',
					product_title:'S925银镶锆石环环相扣项链',
					price_today:'',
					id:4
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pg.jpg',
					product_title:'花朵绿玉髓路路通吊坠',
					price_today:'',
					id:5
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pf.jpg',
					product_title:'18K金鸿运当头吊坠',
					price_today:'',
					id:6
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-ph.jpg',
					product_title:'S925银四叶草贝母项链',
					price_today:'',
					id:7
				}
			],
			primaryPrice:[
				'86.40' ,'93.31' ,'108.84' ,'117.55' ,'126.95' ,'137.11' ,'148.07' ,'159.92' ,'172.71' ,'186.53' ,'201.45' ,'217.57' ,'234.98','253.77' ,'274.08' ,'296.00' ,'319.68' ,
			 '345.26' ,'372.88' ,'402.71' ,'434.92' ,'469.72' ,'507.29' ,'547.88' ,'591.71' ,'639.04' ,'690.17' ,'745.38' ,'805.01' ,'869.41' ,'938.97 ','1014.08' ,'1095.21'
			],
			primaryActivityListLast:[],
			primaryActivityListId:[],
			middleActivityList:[
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-mb.jpg',
					product_title:'18K金镶珍珠兔头吊坠（送s925银链）',
					price_today:'',
					id:8
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-mc.jpg',
					product_title:'18K金鱼尾贝母项链（配s925银镀金项链）',
					price_today:'',
					id:9
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-me.jpg',
					product_title:'中国黄金18K金和田白玉福字项链（配s925银镀金项链）',
					price_today:'',
					id:10
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-ma.jpg',
					product_title:'18K金柿柿如意玛瑙项链（配s925银镀金项链）',
					price_today:'',
					id:11
				}
			],
			middlePrice:[
				'400.00' ,'432.00' ,'466.56','503.88' ,'544.20' ,'587.73' ,'634.75' ,'685.53' ,'740.37','799.60','863.57','932.66' ,'1007.27' ,'1087.85' ,'1174.88' ,'1268.87','1370.38',
				'1480.01','1598.41' ,'1726.28','1864.38','2013.53' ,'2174.62','2348.59' ,'2536.47' ,'2739.39','2958.54','3195.22' ,'3450.84' ,'3726.91' ,'4025.06','4347.07' ,'4694.83','5070.42','5476.05'
			],
			seniorActivityList:[
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-mb.jpg',
					product_title:'18K金镶珍珠兔头吊坠（送s925银链）',
					price_today:'',
					id:8
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-mc.jpg',
					product_title:'18K金鱼尾贝母项链（配s925银镀金项链）',
					price_today:'',
					id:9
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-me.jpg',
					product_title:'中国黄金18K金和田白玉福字项链（配s925银镀金项链）',
					price_today:'',
					id:10
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-ma.jpg',
					product_title:'18K金柿柿如意玛瑙项链（配s925银镀金项链）',
					price_today:'',
					id:11
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pd.jpg',
					product_title:'S925银小方糖项链',
					price_today:'',
					id:1
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pk.jpg',
					product_title:'宝宝佛-古法银镶玉吊坠（送S925银链）',
					price_today:'',
					id:2
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pi.jpg',
					product_title:'S925银镶白和田玉流苏葫芦',
					price_today:'',
					id:3
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pj.jpg',
					product_title:'S925银镶锆石环环相扣项链',
					price_today:'',
					id:4
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pg.jpg',
					product_title:'花朵绿玉髓路路通吊坠',
					price_today:'',
					id:5
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-pf.jpg',
					product_title:'18K金鸿运当头吊坠',
					price_today:'',
					id:6
				},
				{
					product_cover:'/static/images/goldGoodCover/gold-goods-ph.jpg',
					product_title:'S925银四叶草贝母项链',
					price_today:'',
					id:7
				},
				// 18K金镶玛瑙爱心吊坠（送s925银链）
				// 18K金玉髓玛瑙相思豆吊坠
				// 24K金花纹镂空福牌吊坠（送S925银链）
				// 24K足金烤漆福字转运珠手手链
			],
			seniorPrice:[
				'400.00' ,'432.00' ,'466.56','503.88' ,'544.20' ,'587.73' ,'634.75' ,'685.53' ,'740.37','799.60','863.57','932.66' ,'1007.27' ,'1087.85' ,'1174.88' ,'1268.87','1370.38',
				'1480.01','1598.41' ,'1726.28','1864.38','2013.53' ,'2174.62','2348.59' ,'2536.47' ,'2739.39','2958.54','3195.22' ,'3450.84' ,'3726.91' ,'4025.06','4347.07' ,'4694.83','5070.42','5476.05',
				'86.40' ,'93.31' ,'108.84' ,'117.55' ,'126.95' ,'137.11' ,'148.07' ,'159.92' ,'172.71' ,'186.53' ,'201.45' ,'217.57' ,'234.98','253.77' ,'274.08' ,'296.00' ,'319.68' ,
				'345.26' ,'372.88' ,'402.71' ,'434.92' ,'469.72' ,'507.29' ,'547.88' ,'591.71' ,'639.04' ,'690.17' ,'745.38' ,'805.01' ,'869.41' ,'938.97 ','1014.08' ,'1095.21'
			],
			middleActivityListLast:[],
			middleActivityListId:[],
			seniorActivityListLast:[],
			seniorActivityListId:[],
			isClick:true,
			setted:false,
			animation:'',
			checkData:null,
			showHelpRobPayBtn:false,
			timeArr:[],
			timer:null
		}),
		methods:{
			...mapMutations(['setUser','setStatusBar']),
			goPay(){
				uni.navigateTo({ url:'/packs/pages/activity/activityRecord' })
			},
			back(){
				if(this.source == 'wap'){
					uni.navigateBack()
				}else{
					backToApp.postMessage('back');
				}
			},
			returnTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 100
				})
			},
			goldProducts(){
				let parms = { rid:this.round }
				uni.showLoading({title: '加载中'})
				goldProducts(parms).then(res=>{
					if(!res.message){
						this.goldProductsList = res;
					}
					uni.hideLoading()
				})
			},
			refresh(){
				this.goldProducts()
			},
			timeup(){
				if(!this.isEnd){
					if(!this.isStart){
						this.isStart = true;
					}
					this.$forceUpdate()
				}
			},
			async goldRounds(){
				const res =  await goldRounds()
				if(!res.message){
					this.activityRounds = res;
					this.tempList = res;
					if(this.sessionsNumber){
						this.timeDataLoad = res[this.sessionsNumber]
					}
					let newList = res;
					let tmpDate = null;
					newList.forEach((ele,index)=>{
						if(ele.id==this.round){
							tmpDate = newList[index]
							let date = new Date(tmpDate.now.replace(/-/g, '/')).getTime()
							if(date - new Date(tmpDate.today_opened_at.replace(/-/g, '/')).getTime() >= 0 && new Date(tmpDate.today_ended_at.replace(/-/g, '/')).getTime()- date >0){
								this.is_able = true
							}else{
								this.is_able = false
								uni.redirectTo({ url: '/pages/activity/activity' })
							}
							if(tmpDate.is_today_off==1 || tmpDate.is_today_off==true){
								uni.redirectTo({ url: '/pages/activity/activity' })
							}
						}
					})
					this.isCanhow = true;
					this.initTime()
				}
			},
			initTime(){
				let obj =  this.timeDataLoad;
				let date = new Date(obj.now.replace(/-/g, '/')).getTime()
				let stratTimeDif = new Date(obj.today_started_at.replace(/-/g, '/')).getTime() - date
				if (stratTimeDif >= 0) {
					this.isStart = false
					if(stratTimeDif==0){
						this.isStart = true
					}
					let d = Math.floor(stratTimeDif / 1000 / 60 / 60 / 24);
					let h = Math.floor(stratTimeDif / 1000 / 60 / 60 % 24);
					let m = Math.floor(stratTimeDif / 1000 / 60 % 60);
					let s = Math.floor(stratTimeDif / 1000 % 60);
					if(d>0){
						obj.stratTimeCoutDown = { d: 0,h: 23,m: 59,s: 59 }
					}else{
						obj.stratTimeCoutDown = { d: d,h: h,m: m,s: s }
					}
				}else{
					obj.stratTimeCoutDown = { d: 0, h: 0,m: 0,s: 0 }
				}
				//距结束倒计时
				let endTimeDif = 0
				if(new Date(obj.today_started_at.replace(/-/g, '/')).getTime() - date>=0){
					endTimeDif = new Date(obj.today_ended_at.replace(/-/g, '/')).getTime() - new Date(obj.today_started_at.replace(/-/g, '/')).getTime()
				}else if(new Date(obj.today_started_at.replace(/-/g, '/')).getTime() - date<0&&new Date(obj.today_ended_at.replace(/-/g, '/')).getTime() - date>=0){
					endTimeDif = new Date(obj.today_ended_at.replace(/-/g, '/')).getTime() - date
				}
				if (endTimeDif >= 0) {
					let d = Math.floor(endTimeDif / 1000 / 60 / 60 / 24);
					let h = Math.floor(endTimeDif / 1000 / 60 / 60 % 24);
					let m = Math.floor(endTimeDif / 1000 / 60 % 60);
					let s = Math.floor(endTimeDif / 1000 % 60);
					if(d>0){
						obj.endTimeCoutDown = { d: 0,h: 23,m: 59,s: 59 }
					}else{
						obj.endTimeCoutDown = { d: d,h: h,m: m,s: s }
					}
					if(endTimeDif==0){
						this.isStart = false
						this.isEnd = true
					}else{
						this.isEnd = false
					}
				}else{
					this.isStart = false
					this.isEnd = true
					obj.endTimeCoutDown = { d: 0,h: 0,m: 0,s: 0 }	
				}
				this.timeDataLoad = obj;
			},
			goBuyNowEmpty(){
				let  _this = this;
				uni.showModal({
					title:'提示',
					content:'当前商品已被抢光！',
					confirmColor:'#FF6011',
					confirmText:'我知道了',
					showCancel:false,
					success: function (res) {
						if (res.confirm) {
							_this.goldProducts()
						}
					}
				})
			},
			goldRecordsCount(){
				goldRecordsCount().then(res=>{
					if(!res.message){
						this.countDta = res;
						this.unpaidNum = res.unpaid;
					}
				})
			},
			async goBuyNow(id,money){
				let currentParams = { pid:id,rid:this.round }
				let _this = this;
				if(this.canClick){
					this.canClick = false
					this.timeArr.push(currentParams)
					this.timer = setTimeout(()=>{
						let params = this.timeArr[this.timeArr.length-1]
						goldProductBuying(params).then((response)=>{
							this.canClick = true;
							this.timeArr = [];
							if(response.message){
								uni.showToast({title:Object.values(response.errors)[0][0],icon:'none',duration:400 })
								setTimeout(()=>{ 
									uni.hideToast()
									_this.goldProducts()
								},400)
							}else{
								if(!this.record.includes(id)){
									this.record.push(id)
									this.recordMoney.push(money)
									this.unpaidNum +=1;
									this.robTotalMoney += Number(money)
								}
								uni.showModal({
									title:'提示',
									content:'恭喜你，抢到了！请在30分钟内完成支付！',
									confirmText:'立即支付',
									cancelText:'继续抢',
									confirmColor:'#FF6011',
									cancelColor:'#666666',
									success: function (res) {
										if (res.confirm) {
											uni.navigateTo({ url:'/packs/pages/activity/activityRecord' })
										} else if (res.cancel) {
											_this.goldProducts()
										}
									}
								})
							}
						})
					},500)
					
					// const response =  await goldProductBuying(params)
					// if(response.message){
					// 	uni.showToast({title:Object.values(response.errors)[0][0],icon:'none',duration:400 })
					// 	setTimeout(()=>{ 
					// 		uni.hideToast()
					// 		_this.goldProducts()
					// 	},400)
					// }else{
					// 	if(!this.record.includes(id)){
					// 		this.record.push(id)
					// 		this.recordMoney.push(money)
					// 		this.unpaidNum +=1;
					// 		// this.robTotalMoney += Number(money)
					// 	}
					// 	uni.showModal({
					// 		title:'提示',
					// 		content:'恭喜你，抢到了！请在30分钟内完成支付！',
					// 		confirmText:'立即支付',
					// 		cancelText:'继续抢',
					// 		confirmColor:'#FF6011',
					// 		cancelColor:'#666666',
					// 		success: function (res) {
					// 			if (res.confirm) {
					// 				uni.navigateTo({ url:'/packs/pages/activity/activityRecord' })
					// 			} else if (res.cancel) {
					// 				_this.goldProducts()
					// 			}
					// 		}
					// 	})
					// }
					
					
				}else{
					let num = Math.floor(Math.random()*4)
					let toastArr = ['心急吃不了热豆腐脑儿～','太快了，慢一点儿～','你的小手是装了马达吗？','别着急，都是你的！']
					uni.showToast({ title:toastArr[num],icon:'none',duration:400})
					setTimeout(()=>{ uni.hideToast() },400)
				}
			}
		},
		async onShow(){
			if(status_bar!=undefined){ this.setStatusBar(status_bar) }
			this.timeData = {}
			this.isStart = false
			this.isCanhow = false
			this.activityRounds = []
			this.robTotalMoney = 0;
			this.unpaidNum = 0;
			this.totalMoney = 0;
			this.record = [];
			this.recordMoney = [];
			this.showHelpRobPayBtn = false;
			if(await this.isLogin ||  await this.statusBar>0){
				await this.goldRounds()
				this.goldProducts()
			}
		},
		onPageScroll(e) {
			if (e.scrollTop >= 42) {
				this.isHeaderChange = true
				this.isTopButtonShow = true
			} else {
				this.isHeaderChange = false
				this.isTopButtonShow = false
			}
		},
		async onLoad(options) {
			if(options.round){
				this.round = options.round
				this.sessionsNumber = options.sessionsNumber
			}
		}
	}
</script>

<style lang="scss" scoped>
	
	@import "/colorui/animation.css";
	page{
		background: #F6F6F6;
	}
	.activity-list{
		min-height: 100vh;
		background: #F6F6F6;
	}
	.status {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		background: rgba(0,0,0,0);
	}
	.navigation{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		left:0;
		top:0;
		z-index:99;
	}
	.navigation-position{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
	}
	.back{
		display: block;
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		top: 26rpx;
		left:32rpx;
	}
	.navigation-title{
		font-size: 32rpx;
		font-weight: 500;
		color: #ffffff;
	}
	.count-down-box{
		position: absolute;
		left:100rpx;
		top: 20rpx;
	}
	.go-pay{
		min-width: 130rpx;
		height: 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 26rpx;
		right:32rpx;
		color: #ffffff;
		font-size: 26rpx;
		border: 2rpx solid #ffffff;
		border-radius: 10rpx;
		padding: 0 10rpx;
		.waiting-pay-tips{
			>text{
				font-size: 18rpx;
				line-height: 18rpx;
			}
			width:30rpx;
			height:30rpx;
			background: #FF9500;
			border-radius: 50%;
			position: absolute;
			right:-15rpx;
			top:-10rpx;
			color:#ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	.header{
		width: 100%;
		height: 352rpx;
		position:relative;
		top:0;
		left:0;
		>image{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left:0;
			top:0;
			z-index:0;
		}
	}
	.activity-list-tips-box{
		display: flex;
		align-items: center;
		margin: 20rpx auto 0;
		width: 686rpx;
		position: absolute;
		z-index: 1;
		bottom: 94rpx;
		left:32rpx;
	}
	.to-pay-order{
		width: 150rpx;
		height:60rpx;
		background:#FFAD2E;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28rpx;
		border-radius: 8rpx;
		position: absolute;
		right: 0;
		bottom: 10rpx;
	}
	.activity-list-tips{
		width: 140rpx;
		height: 80rpx;
		margin: 0rpx 16rpx 0 0rpx;
		>image{
			display: block;
			width: 140rpx;
			height: 80rpx;
		}
	}
	.count-down-time-box{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/deep/.count-down-time .uni-countdown__splitor{
		margin:10rpx!important;
		font-size: 28rpx!important;
	}
	/deep/.count-down-time .uni-countdown__number{
		width:42rpx!important;
		height: 48rpx!important;
		font-size:28rpx!important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.activity-goods-list{
		width: 686rpx;
		margin: 0rpx auto ;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 100rpx;
		
	}
	.activity-goods-list1{
		padding-bottom: 300rpx;
	}
	
	.activity-goods-item{
		width: 334rpx;
		// height:536rpx;
		background: #ffffff;
		border-radius:16rpx;
		margin-bottom: 16rpx;
		padding-bottom: 16rpx;
	}
	.activity-goods-icon{
		width: 100%;
		height:334rpx;
		border-radius: 16rpx 16rpx 0 0;
		position: relative;
		>image{
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 16rpx 16rpx 0 0;
		}
		.consignment-user{
			display: flex;
			align-items: center;
			font-size: 24rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			position: absolute;
			left:18rpx;
			bottom: 10rpx;
			height: 36rpx;
			>view:nth-child(3){
				width: 170rpx;
				height: 36rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				margin-left: 10rpx;
			}
			>image{
				display: block;
				width: 36rpx;
				height: 36rpx;
				border-radius: 50%;
				margin:0 10rpx 0 0;
			}
			
		}
	}
	.activity-goods-title{
		width: 288rpx;
		height: 34rpx;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 34rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin:16rpx 0 0 16rpx;
	}
	.activity-goods-rush-purchase-fund{
		margin-left: 16rpx;
		>text:nth-child(1){
			font-size: 20rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 28rpx;
		}
		>text:nth-child(2){
			font-size: 24rpx;
			font-family: DINAlternate-Bold, DINAlternate;
			font-weight: bold;
			color: #999999;
			line-height: 28rpx;
		}
	}
	.activity-goods-price{
		display: flex;
		margin: 6rpx 0 0 16rpx;
		>image{
			display: block;
			// width:70rpx;
			width: 60rpx;
			height: 20rpx;
			margin-top:18rpx;
		}
		>text:nth-child(2){
			font-size: 24rpx;
			color:#EF4034;
			line-height: 24rpx;
			margin-top:17rpx;
		}
		>text:nth-child(3){
			font-size: 40rpx;
			font-family: DINAlternate-Bold, DINAlternate;
			font-weight: bold;
			color: #EF4034;
			line-height: 48rpx;
		}
	}
	.activity-goods-get-btn{
		width: 228rpx;
		height: 60rpx;
		background: #00D76C;
		border-radius: 38rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 26rpx;
		margin:20rpx auto;
	}
	.activity-goods-seckilling-btn{
		background: #EF4034;
	}
	.activity-goods-empty-btn{
		background: #CCCCCC;
	}
	.nodata-box{
		width: 100%;
		min-height: 390rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		margin-top: 100rpx;
		.pickUpLeakrRefresh{
			width: 272rpx;
			height: 84rpx;
			background: #EF4034;
			border-radius: 48rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28rpx;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 54rpx;
		}
	}
	.nodata-icon{
		display: block;
		width: 320rpx;
		height: 320rpx;
	}
	.nodata-text{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 36rpx;
	}
	.need-pay-text{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 36rpx;
		margin-top: 20rpx;
	}
	.refresh{
		width: 150rpx;
		height: 60rpx;
		border:1rpx solid #00D76C;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.return-top-box{
		position: fixed;
		bottom: 400rpx;
		right: 32rpx;
		width:80rpx;
		height: 120rpx;
		>view{
			font-size: 24rpx;
			text-align: center;
			color: #666666;
			font-weight: 500;
		}
	}
	.return-top-box1{
		position: fixed;
		bottom: 260rpx;
		right: 32rpx;
		width:80rpx;
		height: 120rpx;
		
		>view{
			font-size: 24rpx;
			text-align: center;
			color: #666666;
		}
	}
	.return-top {
		width:80rpx;
		height: 80rpx;
		background: #ffffff;
		border-radius:50%;
	}
	
	.set-money-amount{
		width: 100%;
		min-height: 100rpx;
		background: #F6F6F6;
		.set-money-amount-area{
			display: flex;
			justify-content: space-between;
			.set-money-amount-area-tips{
				font-size: 32rpx;
				font-weight: 400;
				color: #333330;
				margin:12rpx 0 0 32rpx;
			}
			.set-amount-btn{
				width: 160rpx;
				height: 68rpx;
				background: #FF9500;
				border-radius: 34rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
				margin-right: 32rpx;
			}
			.set-amount-btn-Not-Yet{
				width: 160rpx;
				height: 68rpx;
				background: #F0F0F0;
				border-radius: 34rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 28rpx;
				font-weight: 400;
				color: #CCCCCC;
				margin-right: 32rpx;
			}
		}
		.set-money-amount-area-note{
			font-size: 24rpx;
			color: #EF4034;
			margin: 5rpx 0 0 32rpx;
		}
	}
	.set-money-amount1{
		min-height: 60rpx;
		height: 60rpx;
		.set-money-amount-area{
			.set-money-amount-area-tips{
				font-size: 32rpx;
				font-weight: 400;
				color: #333330;
				margin:0rpx 0 0 42rpx;
			}
		}
		
	}
	.help-rob-btn-area{
		width: 100%;
		height: 168rpx;
		position: fixed;
		left:0;
		bottom: 0;
		background: #F6F6F6;
		.help-rob-tips-content{
			width: 540rpx;
			height: 112rpx;
			position: absolute;
			left:50%;
			margin-left: -270rpx;
			top:-112rpx;
			z-index: 10;
			.help-rob-tips-bg{
				display: block;
				width: 100%;
				height: 100%;
			}
			.help-rob-tips-text{
				font-size: 28rpx;
				font-weight: 600;
				color: #FFFFFF;
				line-height: 40rpx;
				position: absolute;
				left:184rpx;
				height: 38rpx;
			}
			.help-rob-tips-text1{
				left:165rpx;
			}
		}
		
		>view{
			width: 686rpx;
			height: 112rpx;
			margin: 0 auto;
			border-radius: 56rpx;
			display: flex;
			align-items:center;
			justify-content: center;
			font-size: 36rpx;
			font-weight: 400;
			position: relative;
			z-index: 99;
		}
		.help-rob-btn{
			background: #EF4034;
			color: #FFFFFF;
		}
		.helping-rob-btn{
			background: #F0F0F0;
			color: #CCCCCC;
		}
		
	}
	
	.set-money-amount-modal{
		width: 620rpx;
		min-height: 280rpx;
		padding:20rpx 0 64rpx 0;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.set-money-amount-tips{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 80rpx;
		text-align: center;
	}
	.set-money-amount-ipt-box{
		width: 528rpx;
		height: 84rpx;
		background: #F6F6F6;
		border-radius:15rpx;
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		margin:30rpx auto 10rpx;
	}
	.set-money-amount-ipt-tips{
		font-size: 28rpx;
		font-weight: 400;
		color: #FF6011;
		height: 40rpx;
		line-height: 40rpx;
		margin:20rpx 48rpx 20rpx 48rpx;
		padding-bottom: 20rpx;
	}
	.set-money-amount-ipt-tips2{
		height: 40rpx;
		line-height: 40rpx;
		margin:20rpx 48rpx 0rpx 48rpx;
		padding-bottom: 5rpx;
		color: #000000;
	}
	.set-money-amount-ipt-tips1{
		color: #FF6011;
		margin:0rpx 48rpx 20rpx 48rpx;
		padding-bottom: 20rpx;
	}
	.set-money-amount-ipt{
		width: 450rpx;
		font-size: 28rpx;
		color: #555555;
	}
	.set-money-amount-bottom{
		width: 100%;
		height: 90rpx;
		display: flex;
		border-top: 1rpx solid #cccccc;
		position: absolute;
		left:0;
		bottom: 0;
		>view{
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 500;
		}
		>view:nth-child(1){
			color:#999999;
		}
		>view:nth-child(2){
			color:#FF6011;
			border-left: 1rpx solid #cccccc;
		}
	}
	.password-confirm-modal{
		width: 620rpx;
		height: 280rpx;
		padding:20rpx 0 64rpx 0;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.password-confirm-tips{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 80rpx;
		text-align: center;
	}
	.password-confirm-ipt-box{
		width: 528rpx;
		height: 84rpx;
		background: #F6F6F6;
		border-radius:15rpx;
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		margin:30rpx auto;
	}
	.password-confirm-ipt{
		width: 450rpx;
		font-size: 28rpx;
		color: #555555;
	}
	.password-confirm-bottom{
		width: 100%;
		height: 90rpx;
		display: flex;
		border-top: 1rpx solid #cccccc;
		position: absolute;
		left:0;
		bottom: 0;
		>view{
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 500;
		}
		>view:nth-child(1){
			color:#999999;
		}
		>view:nth-child(2){
			color:#FF6011;
			border-left: 1rpx solid #cccccc;
		}
	}
</style>